<!-- 
  PersonIcon.vue is a part of Moosync.
  
  Copyright 2021-2022 by Sahil Gupte <sahilsachingupte@gmail.com>. All rights reserved.
  Licensed under the GNU General Public License. 
  
  See LICENSE in the project root for license information.
-->

<template>
  <svg
    class="button-grow"
    width="17"
    height="17"
    viewBox="0 0 17 17"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    @click="$emit('click', $event)"
  >
    <path
      d="M1.41667 17C1.41667 17 0 17 0 15.5833C0 14.1667 1.41667 9.91667 8.5 9.91667C15.5833 9.91667 17 14.1667 17 15.5833C17 17 15.5833 17 15.5833 17H1.41667ZM8.5 8.5C9.62717 8.5 10.7082 8.05223 11.5052 7.2552C12.3022 6.45817 12.75 5.37717 12.75 4.25C12.75 3.12283 12.3022 2.04183 11.5052 1.2448C10.7082 0.447767 9.62717 0 8.5 0C7.37283 0 6.29183 0.447767 5.4948 1.2448C4.69777 2.04183 4.25 3.12283 4.25 4.25C4.25 5.37717 4.69777 6.45817 5.4948 7.2552C6.29183 8.05223 7.37283 8.5 8.5 8.5V8.5Z"
      fill="var(--textPrimary)"
    />
  </svg>
</template>

<style lang="sass" scoped>
*
  cursor: pointer
</style>
